<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <!-- 基本样式 -->
    <link rel="stylesheet" href="../../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../../src/com_third/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../../src/mixins/style/base.css" />

    <!-- 引入样式 -->
    <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
    <link href="https://cdn.bootcss.com/element-ui/2.4.0/theme-chalk/index.css" rel="stylesheet">

    <!-- 当时项目公共样式 -->
    <link rel="stylesheet" href="../src/common.css" />

    <style>
        .custom-tree-node {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            padding-right: 30px;
        }

        .el-tree-node__content {
            line-height: 46px;
            height: 46px;
        }
    </style>
</head>

<body>

    <div v-cloak class="container clearfix" id="app">

        <m-card class="clearfix" title="前台配置类型" :collapse="formCollapse" no-padding=true>

            <!-- <div class="" style="padding: 10px;border-bottom: 1px #dddddd solid;">
                <el-input placeholder="输入关键字进行过滤" v-model="filterText" style="width:200px">
                </el-input>
                <el-button style="margin-left:10px;" @click="filterText=''">清除</el-button>

                <el-button type="text" style="margin-right:20px;float: right;" @click="() => append()">新增</el-button>
            </div> -->


            <el-tree ref="tree2" class="filter-tree" :data="CategoryTreeList" node-key="id" :filter-node-method="filterNode" :expand-on-click-node="false">
                <span class="custom-tree-node" slot-scope="{ node, data }">
                    <span>
                        <span style="width:40px; display: inline-block;"></span>
                        <span style="width:300px; display: inline-block;">{{ data.name }}
                        </span>
                        <span style="width:100px; display: inline-block;">{{ data.dataFlag == "1" ? "启用" : "停用"}}
                        </span>
                    </span>
                    <span>
                        <el-button v-if="data.level != 3" type="text" size="mini" @click="() => append(data)">
                            新增
                        </el-button>
                        <el-button type="text" size="mini" @click="() => edit(data)">
                            修改
                        </el-button>
                        <el-button type="text" size="mini" @click="() => remove(data)">
                            删除
                        </el-button>
                    </span>
                </span>
            </el-tree>




        </m-card>



    </div>

    <script src="../../src/lib/jquery.js"></script>
    <script src="../../src/lib/sea-all.js"></script>
    <script src="../../src/lib/vue.js"></script>
    <script src="../../src/lib/vue-router.js"></script>
    <script src="../src/config.js"></script>
    <script src="../../boot.js"></script>


    <!-- 引入组件库 -->
    <!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
    <script src="https://cdn.bootcss.com/element-ui/2.4.0/index.js"></script>

    <link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>



    <script>
        $(function () {
            seajs.use('./list.js');
        })
    </script>



</body>

</html>